<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>国美在线首页</title>
		<link href="Public/Home/css/style.css" type="text/css" rel="stylesheet"  />
		<link rel="shortcut icon" href="http://img.gomein.net.cn/favicon.ico" type="image/x-icon">
		<script type="text/javascript" src="Public/Home/js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript">
		$(function(){
			/*       左侧菜单切换        */	
			$('.lisnav li').hover(function(){
				//当前元素增加hover
				$(this).addClass('bgw').siblings().removeClass('bgw');
				
				var num = $(this).index();
				//找到父级元素dd-inner 的同级元素，让它相应序号的子元素
				$(this).parent('.lisnav').siblings('.subnav').css({display:"block"});
				$(this).parent('.lisnav').siblings('.subnav').find('.fullcategory').eq(num).css({display:"block"}).siblings('.fullcategory').css({display:"none"});	
				
			});
			
			//鼠标移开大的外套时，才让左边和右边同时隐藏
			$('.sidecategory').mouseleave(function(){
				$('.subnav').css({display:"none"});
				$('.lisnav li').removeClass('bgw');
			})
			
			/*       楼层Tab           */
			$('.tab-item').mouseover(function(){
				var num = $(this).index();
				$(this).parents('.tab').parents('.mt').siblings('.mc').find('.main').eq(num).css({display:"block"}).siblings('.main').css({display:"none"});			
				$(this).addClass('tab-selected').siblings().removeClass('tab-selected');
			})	
					
		})
		</script>
	</head>
	<body>
		
		<!--header-->
		<div id="topnav">
			<div class="wbox clearfix">
				<!--left-->
				<ul class="topside">
					<li id="topNavHover" class="vphone">
						<b></b>
						<a href="#" target="_blank">手机国美</a>
						<div class="vphone-down">
							<a href="#" target="_blank"></a>
							<em class="i-angle"><i></i></em>
						</div>
					</li>
					<li><a href="#" target="_blank" title="国之美">国之美</a></li>
					<li><a href="#" target="_blank" title="多边黄金">多边黄金</a></li>
				</ul>
				<!--right-->
				<ul class="topmenu clearfix">
					<li class="login-top">
						<span class="gwelcome">国美在线欢迎您！</span>		
                		<!--只要$_SESSION里面有name就算登录-->
                		<?php if(isset($_SESSION['username'])): ?>
                			您好，<?php echo $_SESSION['username'] ?>
                			<a class="glogin" href="{{U('Login/out')}}">退出</a>
                		<?php else: ?>
                			<a class="glogin" href="{{U('Login/index')}}">登录</a>   
                		<?php endif ?>	             							
						<a class="greg" href="{{U('Reg/index')}}">注册</a>
					</li>
					<li class="linespace"></li>
					<li class="g-myoder"><a  href="#">我的订单</a></li>
					<li><a  href="#">我的国美</a></li>
					<li class="linespace"></li>
					<li class="g-myoder"><a  href="#">在线客服</a></li>
					<li><a  href="#">服务中心</a></li>
					<li class="g-myoder"><a  href="#">企业服务</a></li>
					<li><a  href="#">国美社区</a></li>
					<li class="g-myoder"><a  href="#">商家入驻</a></li>
				</ul>
			</div>
		</div>
		<!--header_ok-->
		
		<!--logo-->
		<div class="mainheader">
			<div class="gomeTopic">
				<!--logo-->
				<div class="wbox headlayer">
					<div class="gome-logo">
						<div class="gome-logoico"><a href="#" title="国美在线"><img src="Public/Home/images/skin/gomelogo.png" alt="国美在线"></a></div>
						<h2 class="logogif"></h2>
					</div>
					<!--search-->
					<div class="topsearch">
						<div class="searchbox">
							<form>
								<input type="text" id="searchInput" name="question" class="search-input" value="" autocomplete="off" placeholder="洗衣机">
								<button class="search-btn" onclick="doSearch();">搜索</button>
							</form>
						</div>
						<div class="hotkeyword">
							<a target="_blank" href="#"><span class="highlight">年货5折</span></a> 
							<a target="_blank" href="#"><span>年货5折</span></a>
							<a target="_blank" href="#"><span>年货5折</span></a>
							<a target="_blank" href="#"><span>年货5折</span></a>
							<a target="_blank" href="#"><span>年货5折</span></a>
							<a target="_blank" href="#"><span>年货5折</span></a>
							<a target="_blank" href="#"><span>年货5折</span></a>
							<a target="_blank" href="#"><span>年货5折</span></a>
						</div>
					</div>
					<!--购物车-->
					<div class="mygome-side">
						<ul class="topmenu clearfix">
							<li class="pr">
								<span class="cartlinkbox">
									<a class="menulink cartlink">
										<em class="i-cart"><span class="shopnum"><span >0</span><i></i></span></em>
										<span id="hdrcarttext">购物车空了</span>
									</a>
								</span>
							</li>
						</ul>
					</div>
				</div>
				<!--nav-->
				<div class="mainnavbox">
					<div class="wbox">
						<!--全部商品-->
						<h2 class="category-title">
		                    <a target="_blank" href="#">全部商品分类</a>
		                </h2>
		                <!--左侧-->
		                <div class="sidecategory">
		                	<div class="lisbg"></div>
		                	<ul class="lisnav">
		                		{{foreach from="$cateData" value="$v"}}
		                			<li><h3><a href="#" target="_blank">{{$v['cname']}}</a></h3></li>
		                		{{endforeach}}
		                	</ul>
		                	<div class="subnav" style="display:none;">
		                		{{foreach from="$data" key="$k" value="$v"}}
		                		<!--单独-->
		                		<div class="fullcategory" style="top:0px;display:none;">
		                			<div class="fullcategory-left">
		                				<div class="fullcategory-title">
		                					<a href="#" target="_blank" data-code="a-1">{{$data[$k]['cname']}}<i></i></a>
  										</div>
  										<!--1-->
  										<div class="fullcategory-content-box">
  											<div class="fullcategory-content">
  												<h4>{{$data[$k]['cname']}}</h4>
  												<ul class="fullcategory-list">
  													{{foreach from="$data[$k]['_data']" key="$kk" value="$vv"}}
  													<a href="{{U('List/index',array('cid'=>$data[$k]['_data'][$kk]['cid']))}}">{{$data[$k]['_data'][$kk]['cname']}}</a>
  													{{endforeach}}
  												</ul>
  											</div>										
  										</div>
  										<!--1_ok-->									
		                			</div>
		                		</div>
		              			<!--单独_ok-->
		              			{{endforeach}}
		                	</div>
		                </div>
		                <!--左侧_ok-->
						<!--水平-->
						<ul class="mainnav">
							<li class="mainav-hot "><a href="#" target="_blank"><span>真划算</span></a></li>						
							{{foreach from="$topCate" value="$v"}}
								<li>
									<a href="{{U('List/index',array('cid'=>$v['cid']))}}"><span>{{$v['cname']}}</span></a>
								</li>
							{{endforeach}}										
						</ul>
						<!--水平_ok-->
						<!--广告-->
						<div class="hdrside">
							<img src="Public/Home/images/skin/广告.jpg" width="160" height="40"  />
						</div>
						<!--广告_ok-->
					</div>
				</div>
			</div>
		</div>
		<!--logo_ok-->
		

		
		<!--slider-->
		<div id="gm_main">
			<!--轮播大图-->
			<div class="slide_box">
				
				<!--  轮播大图代码 开始   -->
				<div class="slider">
						<img class="lunbo" style="display:block;" src="Public/Home/images/focus/561f125dN6bd20ff9.jpg" alt="" />
						<img class="lunbo" src="Public/Home/images/focus/561e31feN31adc5a2.jpg" alt="" />
						<img class="lunbo" src="Public/Home/images/focus/5624b050Ncad2672e.jpg" alt="" />
						<img class="lunbo" src="Public/Home/images/focus/5624c99cN10b94c57.jpg" alt="" />
						<img class="lunbo" src="Public/Home/images/focus/562461a7Nd72d7dfa.jpg" alt="" />
						<img class="lunbo" src="Public/Home/images/focus/5624882eN3c1cbaba.jpg" alt="" />
						<ul class="slider-nav">
							<li style="background:#B61B1F;">1</li>
							<li>2</li>
							<li>3</li>
							<li>4</li>
							<li>5</li>
							<li>6</li>
						</ul>
						<a href="javascript:void(0)" class="slider-prev"> &lt;</a>
				        <a href="javascript:void(0)" class="slider-next"> &gt; </a>       
				</div>
			    <!-- 轮播大图代码 结束  -->
			    <!--右边 news-->
				<div class="gm_sever">
					<!--上-->
					<div class="gm_kuaixun">
						<div class="gome_news">
                        	<h2 class="gome_news_title">快讯</h2>
                        	<a href="http://news.gome.com.cn" target="_blank">更多</a>
                        	<span></span>
                    	</div>
                    	<div class="gome_news_content">
                    		<span>
                    			<a class="gome_news_sort" href="#" target="_blank" data-code="t-1">公告</a>
                                <a class="gome_news_text " href="#" target="_blank" data-code="b-1">关于北京分部暂停退换货的通知</a>
                            </span>
                            <span>
                    			<a class="gome_news_sort" href="#" target="_blank" data-code="t-1">公告</a>
                                <a class="gome_news_text " href="#" target="_blank" data-code="b-1">关于北京分部暂停退换货的通知</a>
                            </span>
                            <span>
                    			<a class="gome_news_sort" href="#" target="_blank" data-code="t-1">公告</a>
                                <a class="gome_news_text " href="#" target="_blank" data-code="b-1">关于北京分部暂停退换货的通知</a>
                            </span>
                            <span>
                    			<a class="gome_news_sort" href="#" target="_blank" data-code="t-1">公告</a>
                                <a class="gome_news_text " href="#" target="_blank" data-code="b-1">关于北京分部暂停退换货的通知</a>
                            </span>
                            <span>
                    			<a class="gome_news_sort" href="#" target="_blank" data-code="t-1">公告</a>
                                <a class="gome_news_text " href="#" target="_blank" data-code="b-1">关于北京分部暂停退换货的通知</a>
                            </span>
                            <span>
                    			<a class="gome_news_sort" href="#" target="_blank" data-code="t-1">公告</a>
                                <a class="gome_news_text " href="#" target="_blank" data-code="b-1">关于北京分部暂停退换货的通知</a>
                            </span>
                            <span>
                    			<a class="gome_news_sort" href="#" target="_blank" data-code="t-1">公告</a>
                                <a class="gome_news_text " href="#" target="_blank" data-code="b-1">关于北京分部暂停退换货的通知</a>
                            </span>
                    	</div>
					</div>
					<!--下-->
					<img src="Public/Home/images/skin/server.png" width="250" height="224"  />
				</div>
			</div>
			<!--  banner   -->
			<div class="yBanner">
				<div class="yBannerList" style="display:block;background:#FF5301;"></div>
			    <div class="yBannerList" style="background:#D00000;"></div>
			    <div class="yBannerList" style="background:#67c;"></div>
			    <div class="yBannerList" style="background:#345678;"></div>
			    <div class="yBannerList" style="background:#F04845;"></div>
			    <div class="yBannerList" style="background:#C0CDD6;"></div>
			</div>
			
		</div>
		<!--slider_ok-->
		
		
		<!--国美精选-->
		<div class="gm_choice_guess">
			<!--国美精选-->
			<div class="gm_choice">
				<div class="wbox">
					<div class="gm_choice_title">
                        <h2>国美精选</h2>
                    </div>
                    <div class="choice_main">
                    	<div class="choice_left">
                            <a href="#"  target="_blank"><img src="Public/Home/images/skin/品专大图净化器0105.jpg"></a>
                        </div>
                        <div class="choice_right">
                        	<a href="#"  target="_blank"><img src="Public/Home/images/skin/jingxuan1.jpg" alt="国美精选图片_1"></a>
                        	<a href="#"  target="_blank"><img src="Public/Home/images/skin/jingxuan1.jpg" alt="国美精选图片_1"></a>
                        	<a href="#"  target="_blank"><img src="Public/Home/images/skin/jingxuan1.jpg" alt="国美精选图片_1"></a>
                        	<a href="#"  target="_blank"><img src="Public/Home/images/skin/jingxuan1.jpg" alt="国美精选图片_1"></a>
                        	<a href="#"  target="_blank"><img src="Public/Home/images/skin/jingxuan1.jpg" alt="国美精选图片_1"></a>
                        	<a href="#"  target="_blank"><img src="Public/Home/images/skin/jingxuan1.jpg" alt="国美精选图片_1"></a>
                        	<a href="#"  target="_blank"><img src="Public/Home/images/skin/jingxuan1.jpg" alt="国美精选图片_1"></a>
                        	<a href="#"  target="_blank"><img src="Public/Home/images/skin/jingxuan1.jpg" alt="国美精选图片_1"></a>
                        </div>
                    </div>
				</div>
			</div>
			<!--猜您喜欢-->
			<div class="gm_guess">
				<div class="wbox">
					<div class="gm_guess_title">
		                <h2>猜您喜欢</h2>
		                <div class="change_btn">
		                    <span class="change">换一组</span>
		                </div>
		            </div>
		            <div class="guess_main">
		            	<ul style="width:3960px;position:relative;">
		            		<li>
		            			<a href="#"><img src="Public/Home/images/skin/guess1.jpg" width="100" height="100" /></a>
		            			<p class="guess_title"><a href="#" target="_blank" title="#">美的F05-15A(S)小厨宝（上出水）【支持货到付款】</a></p>
		            			<p class="guess_price"><span class="yuan">¥</span>399.00</p>
		            		</li>
		            		<li>
		            			<a href="#"><img src="Public/Home/images/skin/guess1.jpg" width="100" height="100" /></a>
		            			<p class="guess_title"><a href="#" target="_blank" title="#">美的F05-15A(S)小厨宝（上出水）【支持货到付款】</a></p>
		            			<p class="guess_price"><span class="yuan">¥</span>399.00</p>
		            		</li>
		            		<li>
		            			<a href="#"><img src="Public/Home/images/skin/guess1.jpg" width="100" height="100" /></a>
		            			<p class="guess_title"><a href="#" target="_blank" title="#">美的F05-15A(S)小厨宝（上出水）【支持货到付款】</a></p>
		            			<p class="guess_price"><span class="yuan">¥</span>399.00</p>
		            		</li>
		            		<li>
		            			<a href="#"><img src="Public/Home/images/skin/guess1.jpg" width="100" height="100" /></a>
		            			<p class="guess_title"><a href="#" target="_blank" title="#">美的F05-15A(S)小厨宝（上出水）【支持货到付款】</a></p>
		            			<p class="guess_price"><span class="yuan">¥</span>399.00</p>
		            		</li>
		            		<li>
		            			<a href="#"><img src="Public/Home/images/skin/guess1.jpg" width="100" height="100" /></a>
		            			<p class="guess_title"><a href="#" target="_blank" title="#">美的F05-15A(S)小厨宝（上出水）【支持货到付款】</a></p>
		            			<p class="guess_price"><span class="yuan">¥</span>399.00</p>
		            		</li>
		            		<li>
		            			<a href="#"><img src="Public/Home/images/skin/guess1.jpg" width="100" height="100" /></a>
		            			<p class="guess_title"><a href="#" target="_blank" title="#">美的F05-15A(S)小厨宝（上出水）【支持货到付款】</a></p>
		            			<p class="guess_price"><span class="yuan">¥</span>399.00</p>
		            		</li>
		            	</ul>
		            </div>
				</div>
			</div>
		</div>
		<!--国美精选_ok-->
		
		<span class="clr"></span>
		
		<!--main-->
		<div class="clearfix">
			<!--1F-->
			<div class="w floor floor-current">
				<div class="template01 m">
					<!--标题-->
					<div class="mt">
						<span class="h2_text">1F</span>
						<h2>手机3C</h2>
						<ul class="tab">
							<li class="tab-item tab-selected"><a href="javascript:void(0)">精选热卖</a></li>
							<li class="tab-item"><a href="javascript:void(0)">手机</a></li>
							<li class="tab-item"><a href="javascript:void(0)">数码</a></li>
							<li class="tab-item"><a href="javascript:void(0)">电脑</a></li>
							<li class="tab-item"><a href="javascript:void(0)">OA办公</a></li>
							<li class="tab-item"><a href="javascript:void(0)">配件</a></li>
							<li class="tab-item"><a href="javascript:void(0)">淘实惠</a></li>
						</ul>
					</div>
					<!--标题_ok-->
					<!--内容-->
					<div class="mc">
						<div class="side">
							<div class="side-inner dae9f0">
								<div class="banner">
									<a href="#"><img width="209" height="260" src="Public/Home/images/skin/F-side-1.jpg" /></a>
								</div>
								<ul class="channel dae9f0">
									<li><a href="#" target="_blank">手机频道</a></li>
									<li><a href="#" target="_blank">手机频道</a></li>
									<li><a href="#" target="_blank">手机频道</a></li>
									<li><a href="#" target="_blank">手机频道</a></li>
								</ul>
								<ul class="words ecf4f7">
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
								</ul>							
							</div>
						</div>
						<!--内容-->
						<div class="main">
						<div class="main-inner">
							<ul class="main-body">
								<li class="block0"></li>
								<li class="block2">
									<a href="#"><img src="Public/Home/images/skin/block2.jpg" width="209" height="259" /></a>
								</li>
								<li class="block2 db-990">
									<a href="#"><img src="Public/Home/images/skin/block2.jpg" width="209" height="259" /></a>
								</li>
								<li class="block1">
									<a href="#"><img src="Public/Home/images/skin/block1.jpg" width="189" height="218" /></a>
								</li>
								<li class="block1">
									<a href="#"><img src="Public/Home/images/skin/block1.jpg" width="189" height="218" /></a>
								</li>
								<li class="block1">
									<a href="#"><img src="Public/Home/images/skin/block1.jpg" width="189" height="218" /></a>
								</li>
								<li class="block3">
									<a href="#"><img src="Public/Home/images/skin/block3.jpg" width="209" height="218" /></a>
								</li>
								<li class="block3 db-990">
									<a href="#"><img src="Public/Home/images/skin/block3.jpg" width="209" height="218" /></a>
								</li>
							</ul>
						</div>
						<!--图片左右切换-->
						<div class="floor-slider">
							
							<!--左右切换复用-->
							<div class="sliderS">
								<div class="sliderS_main">
									<img src="Public/Home/images/skin/floorslider1.jpg" alt="" />
									<img src="Public/Home/images/skin/floorslider2.jpg" alt="" />
									<img src="Public/Home/images/skin/floorslider3.jpg" alt="" />
									<img src="Public/Home/images/skin/floorslider2.jpg" alt="" />
									<img src="Public/Home/images/skin/floorslider1.jpg" alt="" />	
								</div>
								<ul class="sliderS_nav">
									<li style="background:#B61B1F;"></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
								<div class="sliderS_page">
									<div class="sliderS_prev">
										<div class="bg"></div>
										<div class="jt">&lt;</div>
									</div>
									<div class="sliderS_next">
										<div class="bg"></div>
										<div class="jt">&gt;</div>
									</div>
								</div>
						    </div>
							<!--左右切换复用_ok-->
							
						</div>
						<!--图片左右切换_ok-->
						</div>
						<div class="main" style="display:none;overflow:hidden">
							<ul class="p-list">
								<li class="block4">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block4">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block4">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block4">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block4 db-990">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block5">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
								<li class="block5">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
								<li class="block5">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
								<li class="block5">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
								<li class="block5 db-990">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
							</ul>
						</div>
						<div class="main" style="display:none;overflow:hidden">3</div>
						<div class="main" style="display:none;overflow:hidden">4</div>
						<div class="main" style="display:none;overflow:hidden">5</div>
						<div class="main" style="display:none;overflow:hidden">6</div>
						<div class="main" style="display:none;overflow:hidden">7</div>
					</div>
					<!--内容_ok-->					
				</div>
				<!--标志-->
				<div class="brands">
					<ul>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
					</ul>
				</div>
			</div>
			<!--1F_ok-->
			
			<!--2F-->
			<div class="w floor">
				<div class="template01 m">
					<!--标题-->
					<div class="mt">
						<span class="h2_text">2F</span>
						<h2>手机3C</h2>
						<ul class="tab">
							<li class="tab-item tab-selected"><a href="javascript:void(0)">精选热卖</a></li>
							<li class="tab-item"><a href="javascript:void(0)">手机</a></li>
							<li class="tab-item"><a href="javascript:void(0)">数码</a></li>
							<li class="tab-item"><a href="javascript:void(0)">电脑</a></li>
							<li class="tab-item"><a href="javascript:void(0)">OA办公</a></li>
							<li class="tab-item"><a href="javascript:void(0)">配件</a></li>
							<li class="tab-item"><a href="javascript:void(0)">淘实惠</a></li>
						</ul>
					</div>
					<!--标题_ok-->
					<!--内容-->
					<div class="mc">
						<div class="side">
							<div class="side-inner dae9f0">
								<div class="banner">
									<a href="#"><img width="209" height="260" src="Public/Home/images/skin/F-side-1.jpg" /></a>
								</div>
								<ul class="channel dae9f0">
									<li><a href="#" target="_blank">手机频道</a></li>
									<li><a href="#" target="_blank">手机频道</a></li>
									<li><a href="#" target="_blank">手机频道</a></li>
									<li><a href="#" target="_blank">手机频道</a></li>
								</ul>
								<ul class="words ecf4f7">
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
								</ul>							
							</div>
						</div>
						<!--内容-->
						<div class="main">
						<div class="main-inner">
							<ul class="main-body">
								<li class="block0"></li>
								<li class="block2">
									<a href="#"><img src="Public/Home/images/skin/block2.jpg" width="209" height="259" /></a>
								</li>
								<li class="block2 db-990">
									<a href="#"><img src="Public/Home/images/skin/block2.jpg" width="209" height="259" /></a>
								</li>
								<li class="block1">
									<a href="#"><img src="Public/Home/images/skin/block1.jpg" width="189" height="218" /></a>
								</li>
								<li class="block1">
									<a href="#"><img src="Public/Home/images/skin/block1.jpg" width="189" height="218" /></a>
								</li>
								<li class="block1">
									<a href="#"><img src="Public/Home/images/skin/block1.jpg" width="189" height="218" /></a>
								</li>
								<li class="block3">
									<a href="#"><img src="Public/Home/images/skin/block3.jpg" width="209" height="218" /></a>
								</li>
								<li class="block3 db-990">
									<a href="#"><img src="Public/Home/images/skin/block3.jpg" width="209" height="218" /></a>
								</li>
							</ul>
						</div>
						<!--图片左右切换-->
						<div class="floor-slider">
							
							<!--左右切换复用-->
							<div class="sliderS">
								<div class="sliderS_main">
									<img src="Public/Home/images/skin/floorslider1.jpg" alt="" />
									<img src="Public/Home/images/skin/floorslider2.jpg" alt="" />
									<img src="Public/Home/images/skin/floorslider3.jpg" alt="" />
									<img src="Public/Home/images/skin/floorslider2.jpg" alt="" />
									<img src="Public/Home/images/skin/floorslider1.jpg" alt="" />	
								</div>
								<ul class="sliderS_nav">
									<li style="background:#B61B1F;"></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
								<div class="sliderS_page">
									<div class="sliderS_prev">
										<div class="bg"></div>
										<div class="jt">&lt;</div>
									</div>
									<div class="sliderS_next">
										<div class="bg"></div>
										<div class="jt">&gt;</div>
									</div>
								</div>
						    </div>
							<!--左右切换复用_ok-->
							
						</div>
						<!--图片左右切换_ok-->
						</div>
						<div class="main" style="display:none;overflow:hidden">
							<ul class="p-list">
								<li class="block4">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block4">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block4">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block4">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block4 db-990">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block5">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
								<li class="block5">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
								<li class="block5">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
								<li class="block5">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
								<li class="block5 db-990">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
							</ul>
						</div>
						<div class="main" style="display:none;overflow:hidden">3</div>
						<div class="main" style="display:none;overflow:hidden">4</div>
						<div class="main" style="display:none;overflow:hidden">5</div>
						<div class="main" style="display:none;overflow:hidden">6</div>
						<div class="main" style="display:none;overflow:hidden">7</div>
					</div>
					<!--内容_ok-->					
				</div>
				<!--标志-->
				<div class="brands">
					<ul>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
					</ul>
				</div>
			</div>
			<!--2F_ok-->
			
			<!--3F-->
			<div class="w floor">
				<div class="template01 m">
					<!--标题-->
					<div class="mt">
						<span class="h2_text">3F</span>
						<h2>手机3C</h2>
						<ul class="tab">
							<li class="tab-item tab-selected"><a href="javascript:void(0)">精选热卖</a></li>
							<li class="tab-item"><a href="javascript:void(0)">手机</a></li>
							<li class="tab-item"><a href="javascript:void(0)">数码</a></li>
							<li class="tab-item"><a href="javascript:void(0)">电脑</a></li>
							<li class="tab-item"><a href="javascript:void(0)">OA办公</a></li>
							<li class="tab-item"><a href="javascript:void(0)">配件</a></li>
							<li class="tab-item"><a href="javascript:void(0)">淘实惠</a></li>
						</ul>
					</div>
					<!--标题_ok-->
					<!--内容-->
					<div class="mc">
						<div class="side">
							<div class="side-inner dae9f0">
								<div class="banner">
									<a href="#"><img width="209" height="260" src="Public/Home/images/skin/F-side-1.jpg" /></a>
								</div>
								<ul class="channel dae9f0">
									<li><a href="#" target="_blank">手机频道</a></li>
									<li><a href="#" target="_blank">手机频道</a></li>
									<li><a href="#" target="_blank">手机频道</a></li>
									<li><a href="#" target="_blank">手机频道</a></li>
								</ul>
								<ul class="words ecf4f7">
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
								</ul>							
							</div>
						</div>
						<!--内容-->
						<div class="main">
						<div class="main-inner">
							<ul class="main-body">
								<li class="block0"></li>
								<li class="block2">
									<a href="#"><img src="Public/Home/images/skin/block2.jpg" width="209" height="259" /></a>
								</li>
								<li class="block2 db-990">
									<a href="#"><img src="Public/Home/images/skin/block2.jpg" width="209" height="259" /></a>
								</li>
								<li class="block1">
									<a href="#"><img src="Public/Home/images/skin/block1.jpg" width="189" height="218" /></a>
								</li>
								<li class="block1">
									<a href="#"><img src="Public/Home/images/skin/block1.jpg" width="189" height="218" /></a>
								</li>
								<li class="block1">
									<a href="#"><img src="Public/Home/images/skin/block1.jpg" width="189" height="218" /></a>
								</li>
								<li class="block3">
									<a href="#"><img src="Public/Home/images/skin/block3.jpg" width="209" height="218" /></a>
								</li>
								<li class="block3 db-990">
									<a href="#"><img src="Public/Home/images/skin/block3.jpg" width="209" height="218" /></a>
								</li>
							</ul>
						</div>
						<!--图片左右切换-->
						<div class="floor-slider">
							
							<!--左右切换复用-->
							<div class="sliderS">
								<div class="sliderS_main">
									<img src="Public/Home/images/skin/floorslider1.jpg" alt="" />
									<img src="Public/Home/images/skin/floorslider2.jpg" alt="" />
									<img src="Public/Home/images/skin/floorslider3.jpg" alt="" />
									<img src="Public/Home/images/skin/floorslider2.jpg" alt="" />
									<img src="Public/Home/images/skin/floorslider1.jpg" alt="" />	
								</div>
								<ul class="sliderS_nav">
									<li style="background:#B61B1F;"></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
								<div class="sliderS_page">
									<div class="sliderS_prev">
										<div class="bg"></div>
										<div class="jt">&lt;</div>
									</div>
									<div class="sliderS_next">
										<div class="bg"></div>
										<div class="jt">&gt;</div>
									</div>
								</div>
						    </div>
							<!--左右切换复用_ok-->
							
						</div>
						<!--图片左右切换_ok-->
						</div>
						<div class="main" style="display:none;overflow:hidden">
							<ul class="p-list">
								<li class="block4">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block4">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block4">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block4">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block4 db-990">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block5">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
								<li class="block5">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
								<li class="block5">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
								<li class="block5">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
								<li class="block5 db-990">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
							</ul>
						</div>
						<div class="main" style="display:none;overflow:hidden">3</div>
						<div class="main" style="display:none;overflow:hidden">4</div>
						<div class="main" style="display:none;overflow:hidden">5</div>
						<div class="main" style="display:none;overflow:hidden">6</div>
						<div class="main" style="display:none;overflow:hidden">7</div>
					</div>
					<!--内容_ok-->					
				</div>
				<!--标志-->
				<div class="brands">
					<ul>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
					</ul>
				</div>
			</div>
			<!--3F_ok-->
			
			<!--4F-->
			<div class="w floor"></div>
			<!--4F_ok-->
			
			<!--5F-->
			<div class="w floor">
				<div class="template02 m">
					<!--标题-->
					<div class="mt">
						<span class="h2_text">5F</span>
						<h2>手机3C</h2>
						<ul class="tab">
							<li class="tab-item tab-selected"><a href="javascript:void(0)">精选热卖</a></li>
							<li class="tab-item"><a href="javascript:void(0)">手机</a></li>
							<li class="tab-item"><a href="javascript:void(0)">数码</a></li>
							<li class="tab-item"><a href="javascript:void(0)">电脑</a></li>
							<li class="tab-item"><a href="javascript:void(0)">OA办公</a></li>
							<li class="tab-item"><a href="javascript:void(0)">配件</a></li>
							<li class="tab-item"><a href="javascript:void(0)">淘实惠</a></li>
						</ul>
					</div>
					<!--标题_ok-->
					<!--内容-->
					<div class="mc">
						<div class="side">
							<div class="side-inner dae9f0">
								<div class="banner">
									<a href="#"><img width="209" height="260" src="Public/Home/images/skin/F-side-1.jpg" /></a>
								</div>
								<ul class="channel dae9f0">
									<li><a href="#" target="_blank">手机频道</a></li>
									<li><a href="#" target="_blank">手机频道</a></li>
									<li><a href="#" target="_blank">手机频道</a></li>
									<li><a href="#" target="_blank">手机频道</a></li>
								</ul>
								<ul class="words ecf4f7">
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
									<li><a href="#" target="_blank">iPhone</a></li>
								</ul>							
							</div>
						</div>
						<!--内容-->
						<div class="main">
						<div class="main-inner">
							<ul class="main-body">
								<li class="block0-5F"></li>
								<li ckass="block2-5F">
									<a href="#"><img width="209" height="259" src="Public/Home/images/skin/block2-5F.jpg"	/></a>
								</li>
								<li ckass="block2-5F">
									<a href="#"><img width="209" height="259" src="Public/Home/images/skin/block2-5F.jpg"	/></a>
								</li>
								<li ckass="block2-5F db-990">
									<a href="#"><img width="209" height="259" src="Public/Home/images/skin/block2-5F.jpg"	/></a>
								</li>
								<li ckass="block3-5F">
									<a href="#"><img width="209" height="218" src="Public/Home/images/skin/block3-5F.jpg"	/></a>
								</li>
								<li ckass="block3-5F">
									<a href="#"><img width="209" height="218" src="Public/Home/images/skin/block3-5F.jpg"	/></a>
								</li>
								<li ckass="block3-5F db-990">
									<a href="#"><img width="209" height="218" src="Public/Home/images/skin/block3-5F.jpg"	/></a>
								</li>
							</ul>
						</div>
						<!--图片左右切换-->
						<div class="floor-slider" style="width:360px;height:478px;">
							
							<!--左右切换复用-->
							<div class="sliderS-5F">
								<div class="sliderS_main-5F">
									<img src="Public/Home/images/skin/5F-slider1.jpg" alt="" />
									<img src="Public/Home/images/skin/5F-slider2.jpg" alt="" />
									<img src="Public/Home/images/skin/5F-slider3.jpg" alt="" />
									<img src="Public/Home/images/skin/5F-slider2.jpg" alt="" />
									<img src="Public/Home/images/skin/5F-slider1.jpg" alt="" />	
								</div>
								<ul class="sliderS_nav-5F">
									<li style="background:#B61B1F;"></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
								<div class="sliderS_page-5F">
									<div class="sliderS_prev-5F">
										<div class="bg-5F"></div>
										<div class="jt-5F">&lt;</div>
									</div>
									<div class="sliderS_next-5F">
										<div class="bg-5F"></div>
										<div class="jt-5F">&gt;</div>
									</div>
								</div>
						    </div>
							<!--左右切换复用_ok-->
							
						</div>
						<!--图片左右切换_ok-->
						</div>
						<div class="main" style="display:none;overflow:hidden">
							<ul class="p-list">
								<li class="block4">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block4">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block4">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block4">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block4 db-990">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block4.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">海尔39英寸高清护眼电视</a>
						            </div>
						            <div class="p-price"><span>¥1399.00</span></div>
								</li>
								<li class="block5">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
								<li class="block5">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
								<li class="block5">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
								<li class="block5">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
								<li class="block5 db-990">
									<div class="p-img">
						                <a href="#" target="_blank" title="#"><img width="130" height="130" src="Public/Home/images/skin/block5.jpg" alt=""></a>
						            </div>
						            <div class="p-name">
						                <a href="#" target="_blank" title="#">TCL 55英寸4K智能网络电视</a>
						            </div>
						            <div class="p-price"><span>¥3599.00</span></div>
								</li>
							</ul>
						</div>
						<div class="main" style="display:none;overflow:hidden">3</div>
						<div class="main" style="display:none;overflow:hidden">4</div>
						<div class="main" style="display:none;overflow:hidden">5</div>
						<div class="main" style="display:none;overflow:hidden">6</div>
						<div class="main" style="display:none;overflow:hidden">7</div>
					</div>
					<!--内容_ok-->					
				</div>
				<!--标志-->
				<div class="brands">
					<ul>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
						<li><a href="#"><img width="100" height="30" src="Public/Home/images/skin/brands1.png" /></a></li>
					</ul>
				</div>
			</div>
			<!--5F_ok-->


			<!--8F-->
			<div class="w floor">
				<div class="template08 m">
					<!--标题-->
					<div class="mt">
						<span class="h2_text">8F</span>
						<h2>生活服务</h2>
						<span class="clr"></span>
					</div>
					<!--内容-->
					<div class="mc">
						<!--side-->
						<div class="side">
							<div class="side-inner">
								<div class="banner">
									<a href="#"><img width="285" height="480" src="Public/Home/images/skin/8F-side1.jpg" /></a>
								</div>
								<ul class="themes theme-opacity01">
									<li><a href="#" target="_blank">美盈宝</a></li>
									<li><a href="#" target="_blank">美盈宝</a></li>
									<li><a href="#" target="_blank">美盈宝</a></li>
								</ul>
								<div class="words words-opacity01">
									<div class="words-text-block">
										<a href="#">P2P理财送红券</a>
										<a href="#">P2P理财送红券</a>
										<a href="#">P2P理财送红券</a>
										<a href="#">P2P理财送红券</a>
									</div>
								</div>
							</div>
						</div>
						<!--side_ok-->
						<!--main-->
						<div class="8F-box2" style="width:210px;height:480px;float:left;">
							<div>
								<a href="#">
									<img src="Public/Home/images/skin/8F-slide2.jpg" width="210" height="260"  />							
								</a>
							</div>
							<div>
								<a href="#">
									<img src="Public/Home/images/skin/8F-slide3.jpg" width="210" height="220"  />							
								</a>
							</div>
						</div>
						<!--main_ok-->
						<!--side-->
						<div class="side">
							<div class="side-inner">
								<div class="banner">
									<a href="#"><img width="285" height="480" src="Public/Home/images/skin/8F-side1.jpg" /></a>
								</div>
								<ul class="themes theme-opacity01">
									<li><a href="#" target="_blank">美盈宝</a></li>
									<li><a href="#" target="_blank">美盈宝</a></li>
									<li><a href="#" target="_blank">美盈宝</a></li>
								</ul>
								<div class="words words-opacity01">
									<div class="words-text-block">
										<a href="#">P2P理财送红券</a>
										<a href="#">P2P理财送红券</a>
										<a href="#">P2P理财送红券</a>
										<a href="#">P2P理财送红券</a>
									</div>
								</div>
							</div>
						</div>
						<!--side_ok-->
						<!--main-->
						<div class="8F-box2" style="width:210px;height:480px;float:left;">
							<div>
								<a href="#">
									<img src="Public/Home/images/skin/8F-slide2.jpg" width="210" height="260"  />							
								</a>
							</div>
							<div>
								<a href="#">
									<img src="Public/Home/images/skin/8F-slide3.jpg" width="210" height="220"  />							
								</a>
							</div>
						</div>
						<!--main_ok-->
						<!--main-->
						<div class="8F-box2 db-990" style="width:210px;height:480px;float:left;">
							<div>
								<a href="#">
									<img src="Public/Home/images/skin/8F-slide2.jpg" width="210" height="260"  />							
								</a>
							</div>
							<div>
								<a href="#">
									<img src="Public/Home/images/skin/8F-slide3.jpg" width="210" height="220"  />							
								</a>
							</div>
						</div>
						<!--main_ok-->
					</div>
				</div>
			</div>
			<!--8F_ok-->


			<!--促销商品-->
			<div class="w clearfix mb20">
				<!--左-->
				<div class="recommend-box m">
					<div class="mt">
			            <h2>促销商品</h2>
			        </div>
			        <div class="mc">
			        	<ul>
			        		<li>
			        			<div class="p-img">
                                    <a href="#" target="_blank" title="#"><img   src="Public/Home/images/skin/cuxiao1.jpg" alt="#" width="130" height="130"></a>
                                </div>
                                <div class="p-info">
                                    <div class="p-name">
                                        <a href="#" title="#" target="_blank" data-code="a-1">Apple iPhone 6</a>
                                    </div>
                                    <div class="p-price">￥4,088.00</div>
                                </div>
			        		</li>
			        		<li>
			        			<div class="p-img">
                                    <a href="#" target="_blank" title="#"><img   src="Public/Home/images/skin/cuxiao1.jpg" alt="#" width="130" height="130"></a>
                                </div>
                                <div class="p-info">
                                    <div class="p-name">
                                        <a href="#" title="#" target="_blank" data-code="a-1">Apple iPhone 6</a>
                                    </div>
                                    <div class="p-price">￥4,088.00</div>
                                </div>
			        		</li>
			        		<li>
			        			<div class="p-img">
                                    <a href="#" target="_blank" title="#"><img   src="Public/Home/images/skin/cuxiao1.jpg" alt="#" width="130" height="130"></a>
                                </div>
                                <div class="p-info">
                                    <div class="p-name">
                                        <a href="#" title="#" target="_blank" data-code="a-1">Apple iPhone 6</a>
                                    </div>
                                    <div class="p-price">￥4,088.00</div>
                                </div>
			        		</li>
			        		<li>
			        			<div class="p-img">
                                    <a href="#" target="_blank" title="#"><img   src="Public/Home/images/skin/cuxiao1.jpg" alt="#" width="130" height="130"></a>
                                </div>
                                <div class="p-info">
                                    <div class="p-name">
                                        <a href="#" title="#" target="_blank" data-code="a-1">Apple iPhone 6</a>
                                    </div>
                                    <div class="p-price">￥4,088.00</div>
                                </div>
			        		</li>
			        	</ul>
			        </div>
				</div>
				<!--左_ok-->
				<!--右-->
				<div class="share m">
					<div class="mt">
			            <h2>晒单</h2>
			            <span class="extra"><a href="javascript:void(0);" class="extra-01">换一组</a> <span style="color:#999999">•</span> <a href="#" class="extra-02" target="_blank">晒单挣钱 </a><i></i></span>
			        </div>
			        <div class="mc">
			        	<div class="slider-8F">
			        		<ul>
			        			<li class="slider-panel">
	                                <div class="p-img">
	                                    <a href="#" width="80" height="80" title="#" target="_blank" >
	                                        <img src="Public/Home/images/skin/8F-slider2.jpg" width="120" height="120">
	                                    </a>
	                                </div>
                                <div class="p-info">
                                    <div class="author-info">
                                        <a href="#" target="_blank"  title="#">
                                            <img src="Public/Home/images/skin/8F-slider3.jpg" title="#"  width="32" height="32">
                                            <span title="#">xi...</span>
                                        </a>
                                    </div>
                                    <div class="p-detail">
                                        <div class="tag">
                                            <em></em>
                                            <a target="_blank" title="#" href="#" data-code="d-2">
                                                "今天刚到货的，挺不错的看着，穿起..."
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            	<li class="slider-panel">
	                                <div class="p-img">
	                                    <a href="#" width="80" height="80" title="#" target="_blank" >
	                                        <img src="Public/Home/images/skin/8F-slider2.jpg" width="120" height="120">
	                                    </a>
	                                </div>
                                <div class="p-info">
                                    <div class="author-info">
                                        <a href="#" target="_blank"  title="#">
                                            <img src="Public/Home/images/skin/8F-slider3.jpg" title="#"  width="32" height="32">
                                            <span title="#">xi...</span>
                                        </a>
                                    </div>
                                    <div class="p-detail">
                                        <div class="tag">
                                            <em></em>
                                            <a target="_blank" title="#" href="#" data-code="d-2">
                                                "今天刚到货的，挺不错的看着，穿起..."
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </li>
			        		</ul>
			        	</div>
			        </div>
				</div>
				<!--右_ok-->
				<span class="clr"></span>
			</div>


		</div>
		<!--main_ok-->
		
		
		
		<!--footer-->
		<div id="ftr">
			<div id="ftr-layer">
				<div class="wbox">
					<!--帮助-->
					<ul class="ftrhelp clearfix">
						<li>
							<h4><b class="ico guide" style="height:30px;width:30px;padding:0"></b>购物帮助</h4>
							<a href="#" title="购物流程" target="_blank" rel="nofollow">购物流程</a>
							<a href="# title="忘记密码" target="_blank" rel="nofollow">忘记密码</a>
							<a href="#" title="账户安全" target="_blank" rel="nofollow">账户安全</a>
							<a href="#" title="常见问题" target="_blank" rel="nofollow">常见问题</a>
							<a href="#" title="联系我们" target="_blank" rel="nofollow">联系我们</a>
						</li>
						<li>
							<h4><b class="ico guide" style="height:30px;width:30px;padding:0"></b>购物帮助</h4>
							<a href="#" title="购物流程" target="_blank" rel="nofollow">购物流程</a>
							<a href="# title="忘记密码" target="_blank" rel="nofollow">忘记密码</a>
							<a href="#" title="账户安全" target="_blank" rel="nofollow">账户安全</a>
							<a href="#" title="常见问题" target="_blank" rel="nofollow">常见问题</a>
							<a href="#" title="联系我们" target="_blank" rel="nofollow">联系我们</a>
						</li>
						<li>
							<h4><b class="ico guide" style="height:30px;width:30px;padding:0"></b>购物帮助</h4>
							<a href="#" title="购物流程" target="_blank" rel="nofollow">购物流程</a>
							<a href="# title="忘记密码" target="_blank" rel="nofollow">忘记密码</a>
							<a href="#" title="账户安全" target="_blank" rel="nofollow">账户安全</a>
							<a href="#" title="常见问题" target="_blank" rel="nofollow">常见问题</a>
							<a href="#" title="联系我们" target="_blank" rel="nofollow">联系我们</a>
						</li>
						<li>
							<h4><b class="ico guide" style="height:30px;width:30px;padding:0"></b>购物帮助</h4>
							<a href="#" title="购物流程" target="_blank" rel="nofollow">购物流程</a>
							<a href="# title="忘记密码" target="_blank" rel="nofollow">忘记密码</a>
							<a href="#" title="账户安全" target="_blank" rel="nofollow">账户安全</a>
							<a href="#" title="常见问题" target="_blank" rel="nofollow">常见问题</a>
							<a href="#" title="联系我们" target="_blank" rel="nofollow">联系我们</a>
						</li>
						<li>
							<h4><b class="ico guide" style="height:30px;width:30px;padding:0"></b>购物帮助</h4>
							<a href="#" title="购物流程" target="_blank" rel="nofollow">购物流程</a>
							<a href="# title="忘记密码" target="_blank" rel="nofollow">忘记密码</a>
							<a href="#" title="账户安全" target="_blank" rel="nofollow">账户安全</a>
							<a href="#" title="常见问题" target="_blank" rel="nofollow">常见问题</a>
							<a href="#" title="联系我们" target="_blank" rel="nofollow">联系我们</a>
						</li>
						<li>
							<h4><b class="ico guide" style="height:30px;width:30px;padding:0"></b>购物帮助</h4>
							<a href="#" title="购物流程" target="_blank" rel="nofollow">购物流程</a>
							<a href="# title="忘记密码" target="_blank" rel="nofollow">忘记密码</a>
							<a href="#" title="账户安全" target="_blank" rel="nofollow">账户安全</a>
							<a href="#" title="常见问题" target="_blank" rel="nofollow">常见问题</a>
							<a href="#" title="联系我们" target="_blank" rel="nofollow">联系我们</a>
						</li>
						<li class="ftrhelp-last">
							<h4><b class="ico i-user"></b>国美服务</h4>
							<a href="#" title="上门安装" target="_blank" rel="nofollow">上门安装</a>
							<a href="#" title="家电维修" target="_blank" rel="nofollow">家电维修</a>
							<a href="#" title="家电回收" target="_blank" rel="nofollow">家电回收</a>
							<a href="#" title="集团采购" target="_blank" rel="nofollow">集团采购</a>
						</li>
					</ul>
					<!--帮助_ok-->
					<!--保证-->
					<div class="gome_baozhang">
		                <a href="#" target="_blank" title="七天退换"><span class="baozhang_text">七天退换</span><b class="baozhang_ico baozhang_qtth"></b></a>
		                <a href="#" target="_blank" title="专业维修"><span class="baozhang_text">专业维修</span><b class="baozhang_ico baozhang_zywx"></b></a>
		                <a href="#" target="_blank" title="延保服务"><span class="baozhang_text">延保服务</span><b class="baozhang_ico baozhang_ybfw"></b></a>
		                <a href="#" target="_blank" title="家电回收"><span class="baozhang_text">家电回收</span><b class="baozhang_ico baozhang_jdhs"></b></a>
		                <a href="#" target="_blank" title="服务中心"><span class="baozhang_text">服务中心</span><b class="baozhang_ico baozhang_fwzx"></b></a>
		            </div>
					<!--保证_ok-->
					<!--链接-->
					<div class="footer-link">
						<a href="#" target="_blank" rel="nofollow">商家入驻</a>|
						<a href="#" target="_blank" rel="nofollow">销售联盟</a>|
						<a href="#" target="_blank" rel="nofollow">关于国美在线</a>|
						<a href="#" target="_blank" rel="nofollow">企业大客户</a>|
						<a href="#" target="_blank" rel="nofollow">首页用户体验调研</a>|
						<a href="#" target="_blank">友情链接</a>|
						<a href="#" target="_blank" rel="nofollow">手机国美</a>|
						<a href="#" target="_blank">热门搜索</a>|
						<a href="#" target="_blank">商品专题</a>|
						<a href="#" target="_blank">品牌大全</a>
					</div>
					<!--链接_ok-->
					
					<!--关于国美-->
					<div class="segments"> 
						<span class="gome-website"><b class="ico gomegroup"></b><a href="#" target="_blank" >国美集团</a></span>
						<a class="ftr-gomelink" target="_blank" href="#">店面导航图</a>
						<a class="ftr-gomelink" target="_blank" href="#">多边金都</a>
						<a class="ftr-gomelink" target="_blank" href="#">加入我们</a>
					</div>
					<!--关于国美_ok-->
					<!--信-标志-->
					<div class="footer-faith"></div>
					<!--信-标志_ok-->
					<!--copyright-->
					<div class="copyright">
						©2000-2016 国美在线(gome.com.cn)版权所有&nbsp;&nbsp;&nbsp;&nbsp;京公网安备11010502027062&nbsp;&nbsp;&nbsp;&nbsp;沪ICP备11009419号&nbsp;&nbsp;&nbsp;&nbsp;沪B2-20120004号
		            </div>
					<!--copyright_ok-->
					<!--图标-->
					<div id="creditsrc" class="credit">
						<a target="_blank"  href="#">
							<img alt="经营性网站备案信息" width="124" height="35" src="Public/Home/images/skin/ftr1.gif">
						</a>
						<a target="_blank" href="#">
							<img alt="可信网站信用评价" width="124" height="35" src="Public/Home/images/skin/ftr2.gif">
						</a>
						<a target="_blank" href="#">
							<img alt="诚信网站" width="124" height="35" src="Public/Home/images/skin/ftr3.gif">
						</a>
						<a target="_blank"  href="#">
							<img alt="朝阳网络警察提醒您" width="124" height="35" src="Public/Home/images/skin/ftr4.gif">
						</a>
						<a target="_blank" href="#">
							<img alt="节能专区" src="Public/Home/images/skin/ftr5.gif">
						</a>
					</div>
					<!--图标_ok-->
					<!--二维码-->
					<div class="dim-code">
						<a href="#" target="_blank"  title="扫描下载客户端"></a>
					</div>
					<!--二维码_ok-->
				</div>
			</div>
		</div>
		<!--footr_ok-->
		
		
		
		
		
		
		<!-- 轮播大图 -->
		<script type="text/javascript" src="Public/Home/js/superslider.js"></script>	
		<!--  轮播大图_ok -->
		<!-- 图片左右切换复用 -->
		<script type="text/javascript" src="Public/Home/js/floorslider.js"></script>	
		<!-- 图片左右切换复用_ok -->
		
		<!-- 图片左右切换复用 5F-->
		<script type="text/javascript" src="Public/Home/js/floorslider-5F.js"></script>	
		<!-- 图片左右切换复用5F_ok -->
	</body>
</html>
